﻿@model Mvc3App.Models.LogOnModel
@{
    Layout = null;
}
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8" content="" />
    <title>Iniciar sesión</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <!-- Le styles -->
    <link href="@Url.Content("~/Content/bootstrap/css/bootstrap.css")" rel="stylesheet" type="text/css" />
    <style type="text/css">
        body
        {
            padding-top: 40px;
            padding-bottom: 40px;
            background-color: #f5f5f5;
        }
        
        .form-signin
        {
            max-width: 300px;
            padding: 19px 29px 29px;
            margin: 0 auto 20px;
            background-color: #fff;
            border: 1px solid #e5e5e5;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
        }
        .form-signin .form-signin-heading, .form-signin .checkbox
        {
            margin-bottom: 10px;
        }
        .form-signin input[type="text"], .form-signin input[type="password"]
        {
            font-size: 16px;
            height: auto;
            margin-bottom: 15px;
            padding: 7px 9px;
        }
    </style>
    <link href="@Url.Content("~/Content/bootstrap/css/bootstrap-responsive.css")" rel="stylesheet" type="text/css" />
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="../assets/js/html5shiv.js"></script>
    <![endif]-->
    <!-- Fav and touch icons -->
</head>
<body>
    <div class="container">
        @using (Html.BeginForm("LogOn", "Account", FormMethod.Post, new { @class = "form-signin" }))
        {            
            <h1>
                Web App Demo</h1>
            <h3 class="form-signin-heading">
                Inicio de sesión</h3>
           
            @Html.TextBoxFor(m => m.UserName, new { @class = "input-block-level", placeholder = "Usuario" })
            @Html.PasswordFor(m => m.Password, new { @class = "input-block-level", placeholder = "Contraseña" })
                                                                                                               
            <label class="checkbox">
                @Html.CheckBoxFor(m => m.Recordarme)
                Recordarme
            </label>
            <button class="btn btn-large btn-primary" type="submit">
                Ingresar</button>
            <br />
            <br />
            @Html.ValidationSummary(true, "El nombre de usuario o contraseña proporcionada es incorrecta.", new { @class = "alert alert-error" })
        }
    </div>
    <!-- /container -->
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="@Url.Content("~/Scripts/jquery-1.9.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/bootstrap/bootstrap.js")" type="text/javascript"></script>
</body>
</html>
